<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>个人信息展示</title>
<jsp:include page="/assets/common-css.jsp" />
<link
	href="<%=request.getContextPath()%>/user/css/user-detail.css"
	rel="stylesheet" type="text/css" />
	<script>
        var userId = ${userId};
    </script>
</head>
<body style="overflow-y: hidden;">
	<div class="m-portlet m-portlet--mobile">
        <div class="m-portlet__head">
            <div class="m-portlet__head-tools">
                <ul class="nav nav-pills nav-pills--brand m-nav-pills--align-left m-nav-pills--btn-pill m-nav-pills--btn-sm"
                    role="tablist">
                    <li class="nav-item m-tabs__item"><a
                        class="nav-link m-tabs__link active show" data-toggle="tab"
                        href="#m_widget5_tab1_content" role="tab" aria-selected="true">
                            个人信息 </a></li>
                    <li class="nav-item m-tabs__item"><a
                        class="nav-link m-tabs__link" data-toggle="tab"
                        href="#m_widget5_tab2_content" role="tab" aria-selected="false">
                            修改密码 </a></li>
                </ul>
            </div>
        </div>

        <!--begin::Content-->
        <div class="m-portlet__body">
            <div class="tab-content ">
                <div class="col-lg-12 tab-pane active show" id="m_widget5_tab1_content" aria-expanded="true">
                    <!--begin::m-widget5-->
                    <div class="row">
                    <div class="col-lg-4"></div>
                    <div class="col-lg-4">
                     <form class="m-form m-form--fit m-form--label-align-right layer-div  layui-form">
                            <div class="m-portlet__body">
                                <div class="form-group m-form__group">
                                    <label>
                                        用户名
                                    </label>
                                    <div class="m-input-icon m-input-icon--left">
                                        <input type="text" name = "name"  class="form-control m-input" disabled="disabled" readonly="readonly" placeholder="请输入用户名">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-user-o"></i>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group m-form__group">
                                    <label>
                                        用户编码
                                    </label>
                                    <div class="m-input-icon m-input-icon--left">
                                        <input type="text" name = "code" class="form-control m-input"  disabled="disabled" readonly="readonly"  placeholder="请输入用户编码">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-code"></i>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group m-form__group">
                                    <label>
                                        性别
                                    </label>
                                    <div class="m-input-icon m-input-icon--left">
                                        <input type="text" name ="gender" class="form-control m-input" disabled="disabled" readonly="readonly"  placeholder="请输入性别">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-transgender"></i>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group m-form__group">
                                    <label>
                                        座机
                                    </label>
                                    <div class="m-input-icon m-input-icon--left">
                                        <input type="text" name ="telephone" class="form-control m-input"  disabled="disabled" readonly="readonly"  placeholder="请输入座机">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-volume-control-phone"></i>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group m-form__group">
                                    <label>
                                        手机号
                                    </label>
                                    <div class="m-input-icon m-input-icon--left ">
                                        <input type="text" name ="mobile" class="form-control m-input " disabled="disabled"  readonly="readonly"  placeholder="请输入手机号">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-mobile"></i>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group m-form__group">
                                    <label>
                                        邮箱
                                    </label>
                                    <div class="m-input-icon m-input-icon--left ">
                                        <input type="text" name ="email" class="form-control " disabled="disabled" readonly="readonly"  placeholder="请输入邮箱">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-envelope-o"></i>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                     </form>
                    </div>
                    <!--end::m-widget5-->
                    <div class="col-lg-4"></div>
                    </div>
                </div>
                <div class="tab-pane" id="m_widget5_tab2_content" aria-expanded="false">
                    <div class="row">
                        <div class="col-lg-4"></div>
                        <div class="col-lg-4">
                    <!--begin::m-widget5-->
                    <form class="m-form m-form--fit m-form--label-align-right  layer-div  layui-form">
                            <div class="m-portlet__body">
                            <div class="form-group m-form__group">
                                    <label>
                                        原始密码
                                    </label>
                                    <div class="m-input-icon m-input-icon--left ">
                                        <input type="password" id ="oldWord" class="form-control "  required lay-verify="required" placeholder="请输入原始密码 ">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-key"></i>
                                            </span>
                                        </span>
                                    </div>
                            </div>
                            <div class="form-group m-form__group">
                                    <label>
                                        新密码
                                    </label>
                                    <div class="m-input-icon m-input-icon--left ">
                                        <input type="password" id = "newWord" class="form-control " required lay-verify="required"  placeholder="请输入新密码">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-key"></i>
                                            </span>
                                        </span>
                                    </div>
                            </div>
                            <div class="form-group m-form__group">
                                    <label>
                                        确定密码
                                    </label>
                                    <div class="m-input-icon m-input-icon--left ">
                                        <input type="password" id="confirmWord" class="form-control" required lay-verify="required" placeholder="请输入确定密码">
                                        <span class="m-input-icon__icon m-input-icon__icon--left">
                                            <span>
                                                <i class="fa fa-key"></i>
                                            </span>
                                        </span>
                                    </div>
                            </div>
                                <div class="m-form__actions">
                                    <button type="button" lay-submit lay-filter="updataWordForm" id ="updateWord" class="btn btn-success">
                                        更新密码
                                    </button>
                                    <button type="button" id ="resetWord" class="btn btn-success">
                                        重置密码
                                    </button>
                                </div>
                            </div>
                    </form>
                    <!--end::m-widget5-->
                        </div>
                        <div class="col-lg-4"></div>
                    </div>
                </div>
            </div>
                <!--end::Content-->
        </div>
	</div>
	<jsp:include page="/assets/common-js.jsp" />
	<script
		src="<%=request.getContextPath()%>/user/js/user-detail.js"></script>
</body>
</html>